<template>
  <div class="box-hd">
    <h2 class="title">
      <slot></slot>
    </h2>
    <div class="more">
      <span>查看更多</span>
      <i class="iconfont icon-gonggong-gengduo"></i>
    </div>
  </div>

</template>

<script>
export default {
  name: "HomeBrickBoxHeader"
}
</script>

<style scoped lang="scss">
.box-hd {
  height: 58px;
  width: 100%;
  display: flex;
  justify-content: space-between;
  align-items: center;

  .title {
    font-size: 22px;
    font-weight: lighter;
  }

  .more {
    font-size: 16px;
    display: flex;
    align-items: center;
    color: rgb(66, 66, 66);
    transition: color 0.5s;
    &:hover{
      color: #FF6700;
      transition: color 0.5s;
      i{
        color: #FF6700;
      }
    }
    i {
      padding: 0 4px;
      transition: color 0.5s;
      color: #B2B0B0;
    }
  }
}
</style>